<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery Google Picasa Album Demo - by MrAsong</title>
<style type="text/css">
#pwa_album{background:#FFFFFF; font-size:14px; color:#363636; margin:0; padding:0; }
#pwa_album a{color:#939393; text-decoration: none; font-weight:bold;}
#pwa_album a:hover{color: #333333;}
#pwa_album img{border:none;}
.pwa_thumbnail{ overflow:hidden; width:160px; border:1px solid #EEEEEE; background:#F5F5F5; float:left; height: 206px; text-align: center; margin:8px 8px 5px;padding:8px; }
.pwa_pics{  overflow:hidden; width:160px; border:1px solid #EEEEEE; background:#F5F5F5; float:left; height: 200px; text-align: center; margin:8px 8px 5px;padding:8px; }

.pwa_pics{text-align:center;}
.pwa_pics p{ margin:0; padding:0; line-height:20px; text-align:center;}
.pwa_pics .img, .pwa_thumbnail .img{ width:160; height:160px; padding:0px;margin:0px;background:#EEEEEE;text-align:center; }
.pwa_pics .img img, .pwa_thumbnail .img img{max-width:160px; max-height:160px; vertical-align:middle; line-height:160px; padding:0px; margin:0px;}
.info{margin-top:6px; line-height:20px; padding:0;}
.info .title{ height:20px; overflow:hidden;}
.pwa_nav a{ border:1px solid #E5E5E5; background:#F6F6F6; text-decoration:none; padding:2px 8px; }
.pwa_nav a.pwa_nav_current, .pwa_nav a:hover{ background:#E0E0E0; color:#999999; }

#pwa_album_photo img{border:5px solid #E6E6E6;}
#pwa_album_photo p.img{margin:5px auto;}
.pwa_clear{clear:both;}
</style>
<link rel="stylesheet" charset="utf-8" type="text/css" href="../lib/fancyBox/jquery.fancybox.css" />
</head>
<body>
<div id="pwa_album"></div>
</body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="./com.mrasong.pwa.js"></script>	
<script type="text/javascript" src="../lib/fancyBox/jquery.fancybox.js"></script>
<script type="text/javascript">

$('doucment').ready(function(){
	$.pwa.init({ //加载
		userid: '105067663123386047324',
		title: 'My Album',
		subtitle: 'make the life colorful',
		pagesize: 5,
		lang:{
			loading: 'loading, wait please...',
			home: 'Home',
			tit_tips_album: 'click to open the album',
			tit_tips_photo: 'view the photo detail',
			navfirst: 'First',
			navprevious: '&laquo; Previous',
			navnext: 'Next &raquo;',
			navlast: 'Last',
			navinfo: '{$1} / {$2}',
			exifs: 'Exif info:'
		},
		tips: {
			show:function(){
				$.fancybox.showLoading();
			},
			hide:function(){
				setTimeout(function(){
					$.fancybox.hideLoading();
				}, 1000);
			}
		}
	});

	$(".pwa_thumbnail p.img a, .pwa_pics p.img a, #pwa_album_photo p.img a").fancybox({
			padding: 0,
			openEffect : 'elastic',
			openSpeed  : 200,
			closeEffect : 'elastic',
			closeSpeed  : 200,
			closeClick : true,
			helpers : { 
				title : {
					type : 'over'
				},
				overlay : { 
					speedIn : 300, opacity : 0.6
				}
			}
	});

});
</script>
<script type="text/javascript">
(function(){
var url = "http://widget.weibo.com/distribution/comments.php?width=0&url=auto&skin=9&iframskin=9&dpc=1";
document.write('<iframe id="WBCommentFrame" src="' + url + '" scrolling="no" frameborder="0" style="width:100%"></iframe>');
})();
</script>
<script src="http://tjs.sjs.sinajs.cn/open/widget/js/widget/comment.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
window.WBComment.init({
    "id": "WBCommentFrame"
});
</script>
</html>